<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

<div class="box">
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div class="main main-width-mid">
            <div class="ibox-title m-t-c">
                <h5>业务关联公司</h5>
            </div>

            <div class="ibox-title m-select-btn">
                <a class="active m-l-md" href="javascript:;">待审核</a>
                <a href="javascript:;">已关联</a>
            </div>

            <div id="notRelated" class="ibox-content  clearfix">
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th style="width: 280px;">公司</th>
                        <th>信誉</th>
                        <th>授权品牌</th>
                        <th>授权级别</th>
                        <th>是否收藏</th>
                        <th>挂单数</th>
                        <th>历史成交</th>
                        <th>入驻时间</th>
                        <th style="width: 90px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img  src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline" style="width: 100%;">同意关联</a>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">拒绝关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline" style="width: 100%;">同意关联</a>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">拒绝关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline" style="width: 100%;">同意关联</a>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">拒绝关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline" style="width: 100%;">同意关联</a>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">拒绝关联</a>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="hasRelated" class="ibox-content  clearfix" style="display: none">
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th style="width: 260px;">公司</th>
                        <th>信誉</th>
                        <th>授权品牌</th>
                        <th>授权级别</th>
                        <th>是否收藏</th>
                        <th>挂单数</th>
                        <th>历史成交</th>
                        <th>入驻时间</th>
                        <th style="width: 90px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">取消关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                           
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">取消关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                         
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline " style="width: 100%;">取消关联</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clearfix">
                            <div class="m-img-con">
                                <img width="70" height="70" src="../common/imgs/goods2.jpg" /></div>
                            <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                        </td>
                        <td   >
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingmian"></i>
                            <i class="iconfont icon-wujiaoxingxianmian"></i>
                            <i class="iconfont icon-wujiaoxingxian"></i>
                        </td>
                        <td>西门子</td>
                        <td>一级代理</td>
                        <td>已收藏</td>
                        <td>24</td>
                        <td>24笔</td>
                        <td>2017-07-02</td>
                        <td>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline" style="width: 100%;">取消关联</a>
                           
                        </td>
                    </tr>
                    </tbody>
                </table>

                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
</div>
</body>
</html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script>
    // 显示   公司网银支付
    $('.m-select-btn a').eq(0).click(function () {
        $('#notRelated').slideDown(300);
        $('#hasRelated').slideUp(300);
        $(this).addClass('active').siblings().removeClass('active');
    });

    // 显示汇票支付
    $('.m-select-btn a').eq(1).click(function () {
        $('#notRelated').slideUp(300);
        $('#hasRelated').slideDown(300);
        $(this).addClass('active').siblings().removeClass('active');
    });
</script>